<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%> 
<%
	request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@page import="statics.SoptVars"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ESKorea :: Searching Korea for use English</title>
<link href="../css/global.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="../js/floatdiv.js"></script>
<script type="text/javascript" src="../js/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="../js/swfobject.js"></script>
<script type="text/javascript" src="../js/engSearchIndex.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=<%=SoptVars.GOOGLEMAPSAPIKEY%>&sensor=true&language=en"></script>
</head>
<body>
	<div id="bgWrap">
		<div id="diaryWrap">
		</div>
		<div id="DiaryBtn">
				<a href="javascript:toggleDiary();"><img src="../images/diaryBtn.png" title="Diary using Twitter!" alt="toggleDiary"/></a>
		</div>
		<div id="forumBtn">
			<a href="javascript:toggleForum();"><img src="../images/forumBtn.png" title="Share your diary with Others!" alt="toggleForum"/></a>
		</div>
		<div id="forumLayer">
			
		</div>
		<div id="wrap">
			<div id="header">
				<span style="float:left">
					<img src="../images/logo.png" alt="ESKorea logo" title="ESKorea" width="90"/>
				</span>
				<div id="topMenuLayer">
					<a href="./aboutk.jsp">About(KOR)</a>
					|
					<a href="./aboute.jsp">About(ENG)</a>
					|
					<a href="./help.jsp">Help</a>
					|
					<a href="./credits.jsp">Credits</a>
				</div>
			</div>
			
			<div id="container">
				<div id="mainLogo">
					<div style="text-align: center">
						<span onmouseover="javascript:document.getElementById('visitkoreaLayer').style.display='block';">
							<font style="color:red;">2010-2012</font> VISIT KOREA YEAR
						</span>
						<a href="http://www.visitseoul.net/" target="_blank">Official Seoul City Tourism Website</a>
					</div>
					<div id="visitkoreaLayer" style="position: absolute;left:110px;display:none;">
						<a href="http://www.visitseoul.net/" target="_blank">
							<img title="visit Official Seoul City Tourism Website" src="../images/visitkoreayear.jpg" onmouseout="javascript:document.getElementById('visitkoreaLayer').style.display='none';"/>
						</a>
					</div>
					<div><img title="image from http://foreigntranslations.com" src="../images/mainlogo.jpg"/></div>
				</div>
				
				
				
				<div id="searchBar">
					<div id="suggestInputText">
						<p>Type in your keywords in English,</p>
						<p>and we will search the Korean Web for you</p>
					</div>
					
					<div id="shortcutLayer"></div>
					
					<form method="post" onsubmit="javascript:return getSearchResult();">
						<span id="globalLoadingBg"><img src="../images/loading.gif" id="loading"/></span>
						<input maxlength="2048" 
							type="text" name="q" id="queryInput" size="45" 
							title="English Search For Visitor to Korea" value="">
						
						<input type="submit" id="searchBtn" value="Search"/>
					</form>
				</div>
				
				<div id="suggestLayer"></div>
				
				
				
				
				
				<div id="loadingBar">
					<div>
						<img src="../images/loading.gif"/>
					</div>
					<div><b>Suggest</b> related keywords are translating...</div>
					<div>please be patient.</div>
					<div id="marginLoading"></div>
				</div>
			</div>
			
			<div id="footer">
				<span style="float:left">
					<img src="../images/graylogo.png" alt="ESKorea logo" title="ESKorea"/>
				</span>
				<span>Copyright S.O.P.T. All rights reserved.</span>
			</div>
		</div>
	
	</div>
</body>
</html>